﻿<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="/lib/html5shiv.js"></script>
<script type="text/javascript" src="/lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>币种列表</title>
	<style type="text/css" media="screen">
		a {
			color: #2B4A78;
			text-decoration: none;
		}

		a:hover {
			color: #2B4A78;
			text-decoration: underline;
		}

		a:focus, input:focus {
			outline-style: none;
			outline-width: medium;
		}

		/* custom css style: pageNum,cPageNum */
		.pageNum {
			border: 1px solid #999;
			padding: 2px 8px;
			display: inline-block;
		}

		.cPageNum {
			font-weight: bold;
			padding: 2px 5px;
		}
		#pageNav{
			-moz-user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
		}
		#pageNav a:hover {
			text-decoration: none;
			background: #fff4d8;
		}

	</style>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 币种管理 </nav>
<div class="page-container">

	<div class="cl pd-5 bg-1 bk-gray mt-20">
		<span class="l">
		<a class="btn btn-primary radius" data-title="添加币种" data-href="article-add.html"  onclick="classifiedPacket_add('添加币种','/openAddCoinWindow','800','650')">
			<i class="Hui-iconfont">&#xe600;</i> 添加币种</a>
	</span>
		<span class="r">共有数据：<strong th:text="${total}"></strong> 条</span>
	</div>

	<div class="mt-20">
		<table id="coinTable" class="table table-border table-bordered table-bg table-hover  table-responsive">
			<thead>
				<tr class="text-c">
					<th width="100">ID</th>
					<th  width="100" >币种名称</th>
					<th th:width="100">币种英文名称</th>
					<th  width="100">币种代称</th>
					<th  width="100">币种官网</th>
					<th  width="100">公告渠道</th>
					<th  >币种简介</th>
					<th width="100">操作</th>
				</tr>
			</thead>
			<tbody id="coin_tbody">

				<!--<tr th:each="coin:${coinList}" class="text-c">-->
					<!--<td th:text="${coin.cid}"></td>-->
					<!--<td th:text="${coin.cname}"></td>-->
					<!--<td th:text="${coin.ccode}"></td>-->
					<!--<td  th:text="${coin.curl}" ></td>-->
					<!--<td  th:text="${coin.cnotice_place}" ></td>-->
					<!--<td  th:text="${coin.cintro}" ></td>-->
					<!--<td class="f-14 td-manage"><a href="javascript:void(0);" th:onclick="'javascript:tamp('+${coin.cid}+')'"  class="btn btn-success"><i class="Hui-iconfont">&#xe68f;</i> 编辑</a>-->
						<!--<a href="javaScript:void(0)"  th:onclick="'javascript:deleteById('+${coin.cid}+')'"  class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 删除</a>-->
					<!--</td>-->
				</tr>
			</tbody>
		</table>
		<script type="text/javascript" src="/pagenav1.1.cn.js"></script>
		<script type="text/javascript" src="/jquery.js"></script>
		<script th:inline="javascript" type="text/javascript">

            //$(function(){ //for jquery
            window.onload = (function(){

                //optional set
                pageNav.pre="上一页";
                pageNav.next="下一页";


                //  p,当前页码,pn,总页面
                pageNav.fn = function(p,pn){
                    // document.getElementById("test").innerHTML ="当前页:"+p+"  ,  总页: "+pn;
                    //$("#test").text("Page:"+p+" of "+pn + " pages."); // jquery调用方式
                    //alert(p);
                    $.post("/queryCoinByPage1", {

                            start: (p-1)*20,
							limit:20
                        },
                        function (data) {
                            var tbody=$("#coin_tbody");
                            tbody.html("");
                            var trData="";

                            $.each(data, function (i, item) {
                                trData += "<tr><td>"+ item.cid +"</td><td>"+ item.cname +"</td><td>"+ item.english_name +"</td><td>"+item.ccode +"</td><td><a style='color: #0000cc' href='"
								+item.curl+"'>"+item.curl+"</a></td><td>"+item.cnotice_place+"</td><td>"+item.cintro+"</td>"
									+"<td class=\"f-14 td-manage\"><a href=\"javascript:void(0);\" onclick=\"tamp("+item.cid+")\"  class=\"btn btn-success\"><i class=\"Hui-iconfont\">&#xe68f;</i> 编辑</a>\n" +
                                    "\t\t\t\t\t\t<a href=\"javaScript:void(0)\"  onclick=\"deleteById("+item.cid +")\"  class=\"btn btn-danger radius\"><i class=\"Hui-iconfont\">&#xe6e2;</i> 删除</a>\n" +
                                    "\t\t\t\t\t</td></tr>"
                            });
                            tbody.append(trData);
                        });


                };

                //每页数显示条数固定10条
                pageNav.go(1, [[${totalPage}]]);
            });
		</script>
		<!--<div id="test" style="height:70px;padding:30px 10px;font-size: 300%;"></div>-->

		<div style="float: right" id="pageNav"></div>
	</div>
</div>
<!--th:onclick="'javascript:tamp('+${mesSourceModel.mesSource.sid}+')'"-->
<!--th:onclick="'javascript:deleteById('+${mesSourceModel.mesSource.sid}+','+${mesSourceModel.typeDict.tid}+')'"-->
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="/my.js"></script>


<script type="text/javascript">
    // 添加跳出新窗口
    function classifiedPacket_add(title,url,w,h){
         layer_show(title,url,w,h);
    }
    function classifiedPacket_update(title,url,w,h){
        layer_show(title,url,w,h)
    }
    function tamp(cid){//请求的控制器为coinController
        var url="/openEditCoinWindow?cid="+cid
        classifiedPacket_add('编辑币种',url,'800','650')
    }

    function queryEchangeById(eid) {
        layer.open({
            type: 2,
            content: '/queryExchangeById?eid='+eid,
            area: ['800px', '500px']
        });
    }
    function queryCoinById(cid) {
        layer.open({
            type: 2,
            content: '/queryCoinById?cid='+cid,
            area: ['800px', '500px']
        });
    }
    function deleteById(cid) {
        layer.confirm("确认要删除吗", { title: "删除确认" }, function (index) {
            layer.close(index);
			
            $.post("/deleteCoinById", {cid: cid},
                function (data) {
               		var datares=eval(data)
                        layer.alert(datares.msg, {
                                title: "删除操作",
                                btn: ['确定']
                            },
                            function (index, item) {
                                //layer.close(index);
                                location.reload();
                            });
                });

        });
    }

</script>
</body>
</html>